// 列表标题栏
.#{$namespace}table-view-title {
    padding: 15px 12px 10px 12px;
    background-color: $gray-level-f;
    color: $gray-level-1;
    &:before {
        content: '';
        padding-right: 4px;
        margin-right: 5px;
        background: $primary-color;        
    }
    >span.#{$namespace}assist-button {
        float: right;
        font-size: 14px;
    }
}
// 评论列表标题
.#{$myspace}list-title-wrap{
    background: $gray-level-f;
}
.#{$myspace}list-title-1{
    margin-top: 10px;
    margin-left: 10px;
    padding: 5px;
    font-size: $font-size-1;
    background-color: $gray-level-4;
    color: $primary-color;
}

// 列表通用配置
.#{$namespace}table-view {
    .#{$myspace}interval-span ~ .#{$myspace}interval-span {
        padding-left: 8px;
    }
}

// 图文列表类型1  骨科咨询
.#{$namespace}table-view.#{$myspace}media-1 {
    .#{$namespace}media-object {
        margin-right: 10px;
        max-width: 100px;
        height: 75px;
        line-height: 75px;
        border-radius: 8px;
    }
    .#{$namespace}media-body {
        max-height: 63px;
        >p {
            max-height: 42px;
            white-space: normal;    
        }
    }
    .#{$myspace}auxiliary-line {
        display: block;
        width: 100%;
        .#{$myspace}spt-bar {
            float: right;
            color: $gray-level-2;
            .#{$myspace}spt-text {
                margin-left: -5px;
                padding: 0 5px;
                font-size: $font-size-2;
            }
        }
    }
}

// 图文类型二 康复宝产品列表
.#{$namespace}table-view.#{$myspace}media-2 {
    .#{$namespace}media-object {
        margin-right: 10px;
        max-width: 100px;
        height: 75px;
        line-height: 75px;
        border-radius: 8px;
    }
    .#{$namespace}media-body {
        .#{$myspace}price {
            position: relative;
            top: 3px;
            color: $primary-color;
            font-weight: 500;
            line-height: 25px;
        }
    }
    .#{$namespace}table-view-cell {
        .#{$namespace}checkbox {
            z-index: 99;
            position: absolute;
            right: 10px;
            top: 30px;
            >input[type="checkbox"] {
                position: static;
            }
        }
    }
}

// 图文类型三 积分明细
.#{$namespace}table-view.#{$myspace}media-3 {
    margin-top: 0!important;
    .#{$namespace}media-object {
        line-height: 21px;
        border-radius: 8px;
    }
    .#{$namespace}media-body {
        .#{$myspace}price {
            position: relative;
            top: 3px;
            color: $primary-color;
            font-weight: 500;
            line-height: 25px;
        }
    }
    .#{$namespace}table-view-cell {
        .#{$namespace}checkbox {
            z-index: 99;
            position: absolute;
            right: 10px;
            top: 30px;
            >input[type="checkbox"] {
                position: static;
            }
        }
    }
}

// 由于图文列表三用到了折叠面板，这里对折叠面板进行了适配
.#{$myspace}media-3 .#{$namespace}table-view-cell.#{$namespace}collapse .#{$namespace}table-view {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: -30px;
}
.#{$myspace}media-3 .#{$namespace}table-view-cell.#{$namespace}collapse .#{$namespace}collapse-content {
    padding: 0;;
}

// 图文类型四 评论列表
.#{$namespace}table-view.#{$myspace}media-4 {
    .#{$namespace}media-object {
        border-radius: 50px;
    }
    .#{$namespace}media-body {
        white-space: normal;
        font-size: $font-size-1;
        color: $gray-level-2;
        >p {
            font-size: $font-size-2;
            color: $gray-level-1;
        }
    }
}

// 普通列表 两行
.#{$namespace}table-view.#{$myspace}list {
    .#{$myspace}line-wrap {
        white-space: nowrap;
    }
    .#{$myspace}major-part {
        font-size: $font-size-3;
        color: $gray-level-1;
    }
    .#{$myspace}minor-part {
        font-size: $font-size-2;
        color: $gray-level-2;
    }
    .#{$myspace}right-part {
        float: right;
        font-size: $font-size-1;
        color: $gray-level-2;
    }
}

